<div class="recharge">
	<div class="recharge-header">
		<img src="../../assets/images/guide-page/reharge-bg.png" />
		<div class="page-title">
			<a routerLink="/indexMy">
				<img style="margin-left: 1rem;width:1rem; " src="../../../assets/icons/back2.png" alt="" />
			</a>
			{{ 'recharge-page.html4' | translate}}
		</div>

		<!-- <a>{{'recharge-Page.WDYYDD' | translate}}</a> -->
		<div class="recharge-body">
			<div class="recharge-body-box">
				<h3>{{ 'recharge-page.html5' | translate}}</h3>
				<p>
					{{ 'order-Page.LXS' | translate}}<span>{{ order?.agencyName }}</span>
				</p>
				<p>
					{{ 'order-Page.DY' | translate}}<span>{{ order?.guideName }}</span>
				</p>
				<p>
					{{ 'recharge-page.html6' | translate}}<span>{{ order?.reserveDate }}</span>
				</p>
				<p>
					{{ 'recharge-page.html7' | translate}}<span>{{ order?.peopleNum }}{{ 'recharge-page.html8' | translate}}</span>
				</p>
				<p>
					{{ 'recharge-Page.ZFJE' | translate	}}
					<span>￥<i>{{ order?.reserveFee }}</i></span
					>
				</p>
			</div>
			<div class="balance">{{ 'recharge-Page.ZHYE' | translate}}：{{ userDel?.userWalletForUserView?.availableBalance }} {{ 'recharge-page.html9' | translate}}</div>
			<button class="btn-primary" (click)="showCopyAddress()">{{ 'recharge-Page.LJZF' | translate }}&nbsp;&nbsp;￥{{ order?.reserveFee }}</button>
		</div>
	</div>
	<div class="fixed-box" *ngIf="dialogShow">
		<div class="pay-sure-box">
			<h3>{{ 'recharge-page.html10' | translate}}</h3>
			<div class="user-amount"><pay-password [(ngModel)]="data.tradePw"></pay-password></div>
			<div class="btn-box">
				<button class="btn-primary" (click)="toPay()">{{ 'OK' | translate}}</button>
				<button class="btn-default" (click)="cancel()">{{ 'cancel' | translate}}</button>
			</div>
		</div>
	</div>
	<div class="fixed-box" *ngIf="dialog2Show">
		<div class="pay-sure-box">
			<img src="../../assets/icons/icon-warn.png" class="icon-warn" />
			<i class="icon-close" (click)="closethis()"></i>
			<h3 style="margin-top:2rem;">{{ 'recharge-page.html11' | translate}}</h3>
			<div class="btn-box" style="margin-top:3rem;">
				<button class="btn-primary" (click)="toSetPwd()">{{ 'recharge-page.html12' | translate}}</button>
			</div>
		</div>
	</div>
</div>
